<!DOCTYPE html>
<html>
<head>
	<title>Hash</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<!-- jQuery, -->
	<script src="jquery/jquery-1.9.1.min.js"></script>

	<!-- Fotorama -->
	<link  href="../out/fotorama.css" rel="stylesheet">
	<script src="../out/fotorama.js"></script>

  <script type="text/javascript">
    $(function () {
      f = $('.fotorama').data('fotorama');
    })
  </script>
</head>

<body>

<p>Hash:<p>
<pre style="margin-top: -1em; margin-left: 1em;"><code>&lt;div class="fotorama"
     <mark>data-hash="true"</mark>></code></pre>

<!-- Just don’t want to repeat this prefix in every img[src] -->
<base href="i/nyc/">

<!-- Fotorama -->
<div class="fotorama"
     data-width="500"
     data-ratio="3/2"
     data-max-width="100%"
     data-hash="true">
	<a href="guy-in-car.jpg" id="guy-in-car"></a>
	<a href="acapella.jpg"></a>
	<a href="crazyjohn.jpg" id="three"></a>
	<a href="dudeintheground.jpg" id="dudeintheground"></a>
	<a href="dudes.jpg" id="dudes"></a>
	<a href="explanation.jpg"></a>
	<a href="eyes.jpg" id="eyes"></a>
	<a href="facing-wind.jpg" id="facing-wind"></a>
	<a href="father-son-looking.jpg" id="father-son-looking"></a>
	<a href="flipoff.jpg" id="flipoff"></a>
	<a href="freakout.jpg" id="freakout"></a>
	<a href="guy-in-park.jpg" id="guy-in-park"></a>
	<a href="homeless-sleeping.jpg" id="homeless-sleeping"></a>
	<a href="italianguy.jpg"></a>
	<a href="KIOSK.jpg" id="KIOSK"></a>
	<a href="ladies-riding.jpg" id="ladies-riding"></a>
	<a href="lift-dude.jpg" id="lift-dude"></a>
	<a href="severedhead-lo.jpg" id="severedhead-lo"></a>
	<a href="smoking.jpg"></a>
	<a href="streetlook.jpg" id="streetlook"></a>
	<a href="two-umbrellas.jpg"></a>
	<a href="woman-reading.jpg"></a>
</div>

<!-- © -->
<p>Photos <a href="http://alexeilebedev.com/">by Alexei Lebedev</a></p>
</body>
</html>